<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //当页面加载完成时执行
        window.onload=function(){
            // DOM对象.属性名
            var username=document.getElementById("username");
            // console.log(username.value);//DOM对象.value
            username.value="杨贵妃";

            var a=document.getElementsByTagName("a");//集合
            // console.log(a[0].href);//获取属性
            a[0].href="http://bbs.itany.com/portal.php";//设置属性值

            var input=document.getElementById("hobby");//DOM对象
            // console.log(input.checked);
            // 在js中，如果是复选框，DOM.checked属性对应的值是true选中和false未选中
            input.checked=false;


            // DOM对象.getAttribute("属性名") 获取属性
            // DOM对象.setAttribute("属性名","属性值")设置属性
            var div=document.querySelector(".heihei");//DOM对象
            console.log(div.getAttribute("class"));
            div.setAttribute("class","xixi");

        };
      
    </script>
</head>
<body>
    <input type="text" id="username" value="嘻嘻">
    <a href="http://www.baidu.com" target="_blank">百度一下</a>
    <input type="checkbox" name="hobby" id="hobby" checked>吃饭
    <div class="heihei">mydiv</div>
    
</body>
</html>